<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车</title>
<jsp:include page="/base.jsp" />
<meta name="keywords" content="DeathGhost" />
<meta name="description" content="DeathGhost" />
<meta name="author" content="DeathGhost,deathghost@deathghost.cn">
<link rel="icon" href="images/icon/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/html5.js"></script>
<script src="js/jquery.js"></script>
<script src="js/swiper.min.js"></script>
<script>
	$(document).ready(function() {
		$("nav .indexAsideNav").hide();
		$("nav .category").mouseover(function() {
			$(".asideNav").slideDown();
		});
		$("nav .asideNav").mouseleave(function() {
			$(".asideNav").slideUp();
		});
	});
</script>
</head>
<body>
	<!--header-->
	<header>

		<%@include file="top.jsp"%>



	</header>
	<script>
		$(document).ready(
				function() {
					//测试效果，程序对接如需变动重新编辑
					$(".switchNav li").click(
							function() {
								$(this).addClass("active").siblings()
										.removeClass("active");
							});
					$("#chanpin").click(
							function() {
								$(".inputWrap input[type='text']").attr(
										"placeholder", "输入产品关键词或货号");
							});
					$("#shangjia").click(
							function() {
								$(".inputWrap input[type='text']").attr(
										"placeholder", "输入商家店铺名");
							});
					$("#zixun").click(
							function() {
								$(".inputWrap input[type='text']").attr(
										"placeholder", "输入关键词查找文章内容");
							});
					$("#wenku").click(
							function() {
								$(".inputWrap input[type='text']").attr(
										"placeholder", "输入关键词查找文库内容");
							});
				});
	</script>
	
	<section class="wrap" style="margin-top: 20px; overflow: hidden;">
		<table class="order_table">
			<tr>
				<th><input type="checkbox" /></th>
				<th>产品</th>
				<th>名称</th>
				<th>属性</th>
				<th>市场单价</th>
				<th>数量</th>
				<th>会员价</th>
				<th>操作</th>
			</tr>
			
			<tbody >  <!-- id="tbody_cart" -->
				 <c:if test="${! empty cartList }">
					<c:set var="totalPrict" value="0" />

					<c:forEach items="${cartList}" var="cart">
						<c:set var="totalPrict" value="${totalPrict+cart.memberPrice*cart.orderCount }" />
						<tr>
							<td class="center"><input type="checkbox" /></td>
							<td class="center"><a href="product.html"><img src="${cart.productPicture }" style="width: 50px; height: 50px;" /></a></td>
							<td><a href="product.html">${cart.productName }</a></td>
							<td>
								<p>颜色：黑色</p>

								<p>规格：M码</p>
							</td>
							<td class="center"><span>$${cart.marcketPrice }</span></td>
							<td class="center"><input type="button" value="-" class="jj_btn" /> 
							<input type="text" value="${cart.orderCount} " class="number" readonly /> 
							<input type="button" value="+" class="jj_btn" /></td>
							<td class="center"><strong >$${cart.memberPrice }</strong></td>
							<td class="center"><a>删除</a></td>
						</tr>

					</c:forEach>

				</c:if> 
			</tbody>

		</table>
		<div class="order_btm_btn">
			<a href="index" class="link_btn_01 buy_btn" />继续购买</a> 
			<a href="order_confirm" class="link_btn_02 add_btn" />共计金额<strong class="rmb_icon">${totalPrict}</strong>立即结算</a>
		</div> 
	</section>
	<!--footer-->
	<footer>
		<!--help-->
		<ul class="wrap help">
			<li>
				<dl>
					<dt>消费者保障</dt>
					<dd>
						<a href="article_read.html">保障范围</a>
					</dd>
					<dd>
						<a href="article_read.html">退换货流程</a>
					</dd>
					<dd>
						<a href="article_read.html">服务中心</a>
					</dd>
					<dd>
						<a href="article_read.html">更多服务特色</a>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>新手上路</dt>
					<dd>
						<a href="article_read.html">保障范围</a>
					</dd>
					<dd>
						<a href="article_read.html">退换货流程</a>
					</dd>
					<dd>
						<a href="article_read.html">服务中心</a>
					</dd>
					<dd>
						<a href="article_read.html">更多服务特色</a>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>付款方式</dt>
					<dd>
						<a href="article_read.html">保障范围</a>
					</dd>
					<dd>
						<a href="article_read.html">退换货流程</a>
					</dd>
					<dd>
						<a href="article_read.html">服务中心</a>
					</dd>
					<dd>
						<a href="article_read.html">更多服务特色</a>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>服务保障</dt>
					<dd>
						<a href="article_read.html">保障范围</a>
					</dd>
					<dd>
						<a href="article_read.html">退换货流程</a>
					</dd>
					<dd>
						<a href="article_read.html">服务中心</a>
					</dd>
					<dd>
						<a href="article_read.html">更多服务特色</a>
					</dd>
				</dl>
			</li>
		</ul>
		<dl class="wrap otherLink">
			<dt>友情链接</dt>
			<dd>
				<a href="http://www.17sucai.com" target="_blank">17素材</a>
			</dd>
			<dd>
				<a href="http://www.17sucai.com/pins/24448.html">HTML5模块化后台管理模板</a>
			</dd>
			<dd>
				<a href="http://www.17sucai.com/pins/15966.html">绿色清爽后台管理系统模板</a>
			</dd>
			<dd>
				<a href="http://www.17sucai.com/pins/14931.html">黑色的cms商城网站后台管理模板</a>
			</dd>
			<dd>
				<a href="http://www.deathghost.cn" target="_blank">前端博客</a>
			</dd>
			<dd>
				<a href="http://www.deathghost.cn" target="_blank">博客</a>
			</dd>
			<dd>
				<a href="http://www.deathghost.cn" target="_blank">新码笔记</a>
			</dd>
			<dd>
				<a href="http://www.deathghost.cn" target="_blank">DethGhost</a>
			</dd>
			<dd>
				<a href="#">当当</a>
			</dd>
			<dd>
				<a href="#">优酷</a>
			</dd>
			<dd>
				<a href="#">土豆</a>
			</dd>
			<dd>
				<a href="#">新浪</a>
			</dd>
			<dd>
				<a href="#">钉钉</a>
			</dd>
			<dd>
				<a href="#">支付宝</a>
			</dd>
		</dl>
		<div class="wrap btmInfor">
			<p>© 2013 DeathGhost.cn 版权所有 网络文化经营许可证：浙网文[2013]***-027号 增值电信业务经营许可证：浙B2-200***24-1 信息网络传播视听节目许可证：1109***4号</p>
			<address>联系地址：陕西省西安市雁塔区XXX号</address>
		</div>
	</footer>
</body>
<script type="text/javascript" src="assert/pagejs/cart_addcart.js"></script>
</html>